در این مطلب قصد داریم به صورت کوتاه شما را با مقوله طراحی سایت آشنا کنیم از آنجا که مشاغل آنلاین در جهان رو به رشد است و نیاز جامعه به طراحان وب سایت رو به افزایش است پس نیاز به فراگیری نکات در این زمینه الزامی می باشد.
طراحی سایت با اصول و حرفه ای
برای یادگیری هرچیزی، مخصوصا طراحی سایت، لازم است دو کار را به درستی انجام دهید:
1.ابتدا باید از آنچه برای یادگیری نیاز دارید آگاه باشید.

2.دوما باید برای انجام کارهایی که برای فرآیند یادگیری نیاز است به خودتان انگیزه دهید.

طراحی سایت در شروع کار امری بسیار پیچیده به نظر میرسد. ولی وقتی کمی برای آن وقت بگذارید و نتیجه کار خود را روی مروگر مشاهده کنید، می تواند باعث تحریک انگیزه شما شود و آنوقت متوجه میشود که چقدر جذاب و شیرین است.

هنگامی که ببینید چه حجم کاری برای یادگیری آن لازم است، ممکن است خود را در مقابل یادگیری آن عاجز بینید. اگر انگیزه و اشتیاق لازم برای یادگیری را نداشته باشید صرفا به جای یادگیری به وقت گذرانی در اینترنت و دیگر وبسایت ها می پردازید.

به همین دلیل است که می خواهم در حل این مشکل به شما کمک کنم. تدریس تمام بخش های طراحی سایت حرفه ای در یک مقاله امر محالی است، اما می توانم شما را در شروع آن به همراه سیستمی پایدار و با انگیزه همراهی کنم. بنابراین شما قادر خواهید بود چرخه مورد نیاز طراحی سایت را از همین الان آغاز کنید.

بر همین اساس رویکردی دو طرفه را برای طراحی سایت پیشنهاد می کنم:
1.برای انجام کارها به اندازه کافی یاد بگیرید.

2.تمامی کارها را انجام دهید و حتما تمرین کنید.

شروع یک چرخه یادگیری برای طراحی سایت
بهترین راه یادگیری، انتخاب یک پروژه جالب وجذاب است که انگیزه لازم را برای یادگیری در شما ایجاد میکند. یک پروژه ساده و در عین حال جذاب شما را وادار می کند به اندازه لازم بدانید و یاد بگیرید.

بنابراین بهترین روش این است که فقط به اندازه ای که بدانیم چه کاری می توانیم انجام دهیم, یاد بگیریم، سپس پیش برویم و کارها را انجام دهیم به خصوص در پروژه ای که برای شما جالب است و انگیزه لازم را در شما ایجاد می کند.

این یک چرخه یادگیری فوق العاده را برای شما تشکیل می دهد:شما می خواهید در پروژه ای فعایت کنید که برایتان جالب است بنابراین مجبور به یادگیری چیزهای جدید برای انجام آن هستید.

این روش برای یادگیری چیزهای زیادی از جمله نوشتن کتاب مفید است. اما برای یادگیری طراحی وب نیز به کار برده می شود.

در این جا چگونگی انجام آن آورده شده است.

برخی از تمرین های آموزشی را انجام دهید(اما نه خیلی زیاد)
اگر واقعا در یادگیری طراحی وب از صفر شروع می کنید، لازم است برخی آموزش ها را ( فقط به اندازه انجام کار ها و رویدادها) ببینید تا با مفاهیم پایه برای کار روی پروژه واقعی آشنا شوید.

مهم ترین تکنولوژی که برای طراحی وب باید یاد بگیرید HTML است و بلافاصله بعد از آن باید به سراغ CSS بروید.

بنابراین یک کتاب آموزش نسخه جدید HTML و CSS را تهیه کنید. کتاب ها برای انجام تمرین ها بسیار عالی هستند چرا که می توانید کتاب را مقابل خود قرار دهید ( کتاب های کاغذی و یا کتاب های الکترونیکی- من کاغدی را ترجیح می دهم), در حالی که با کامپیوتر خود تمرین می کنید.

نکته مهم این است که به اندازه کافی به تمرین کتاب بپردازید تا زمانی که آماده انجام مرحله بعدی باشید. ممکن است قبل از تمرین کافی این مرحله بخواهید به مرحله بعدی بروید.

یک وب سایت را راه اندازی کنید ( پیش از این که آماده شوید)
احتمالا بخواهید تمام کتاب های مطرح در زمینه طراحی وب را تهیه کنید، و سعی کنید همه ی آن ها را تمرین کنید (دقیقا مانند یک ربات)، در این صورت باید بگویم متاسفانه در پایان یک طراح وب نخواهید بود.

همچنین می توانید تمام وبسایت های آموزشی رایگان و غیر رایگان را زیر و رو کنید و بدون هیچ هدفی فقط یاد بگیرید که باز هم به این صورت تبدیل به یک طراح وب واقعی نخواهید شد.

بعضی از افراد معروف می گفتند:نویسنده ها می نویسند و بر اساس همین است که من می گویم :طراحان وب، طراحی وب می کنند.

اگر شروع به انجام نکنید چیز زیادی نخواهید آموخت. پس باید طراحی وب را به صورت پروژه محور و در سریع ترین زمان ممکن شروع کنید.

با پروژه ی خود طراحی وب را به خودتان آموزش دهید.
پیشنهاد می کنم با ساخت یک وبلاگ شروع کنید. من وبلاگی را فقط برای داشتن پیش زمینه ای از طراحی وب ساختم و 7 سال بعد, فروش کتاب را برای همین موضوع راه اندازی کردم.

داشتن پروژه شخصی, مانند وبلاگ, به شما این امکان را می دهد که بتوانید چیزهای جدید را امتحان کنید. در ضمن اگر اشتباهی مرتکب شوید رئیستان وجود ندارد که اخراجتان کند.

به آدرس wordpress.com بروید و یک وبلاگ بسازید( رایگان است). حتی درباره خرید دامنه هم نگران نباشید. قالب های مختلف(تم ها) وجود دارد پس از بین آن ها یکی را انتخاب کنید.

به خاطر داشته باشید همیشه قادر به تغییر آن هستید و هر زمان که بخواهید می توانید از نو شروع کنید. شما یک آسمان خراش نساخته اید.

یک تایمر بازی را برای 5 دقیقه تنظیم کنید و پیش از آن که این زمان به اتمام برسد وبلاگ را بسازید.

اکنون وبلاگ خود را از طریق گوگل کروم مشاهده کنید. هرجای صفحه که خواستید کلیک راست کرده و گزینه inspect element را انتخاب کنید. پنلی شامل کدهایی مانند تصویر زیر باز می شود:

این تمام کدهایی است که در فرانت وبلاگ شما نمایش داده می شود (کلمه ها, طرح, و هر نوع انیمیشن). پنل سمت چپ HTML است و پنل سمت راست CSS. در حال حاضر روی پنل سمت چپ تمرکز کنید.

تمام کلمه های بنفش رنگ تگ های HTML هستند. تگی را که درباره آن کنجکاو هستید پیدا کنید. شاید تگ مورد نظر title و یا body باشد. در گوگل به دنبال آن بگردید و ببینید چه چیزهایی درباره آن پیدا می کنید.

این فرآیند را استفاده کنید:به هر سایت که می خواهید بروید و فکر کنید این چه چیزی است؟ گزینه inspect element را همان طور که توضیح داده شد، بزنید و سپس هر چیزی که برایتان ناآشنا است را از طریق گوگل پیدا کنید. این 90 % آن چیزی است که برای یادگیری طراحی سایت نیاز دارید .

این چرخه را تا جایی که طراحی وب را یاد بگیرید تکرار کنید . 

این همان مثال چرخش توپ برای یادگیری طراحی وب است .

 منبع : نمناک